<template>
  <div class="footer">
    <el-row :gutter="10">
      <el-col :span="8">
        <div>
          <el-button
	          v-for="{name, url} in buttons"
	          :key="name"
	          @click="ToUrl(url)"
          >
	          {{name}}
          </el-button>
        </div>
      </el-col>
      <el-col :span="8">
        <div>
	        <span>Copyright © 2023 - {{year}} srppms All Rights Reserved.</span>
        </div>
      </el-col>
      <el-col :span="8">
        <div>
           <span>
          项目：科研项目管理系统&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;QQ群：716433257
        </span>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>

export default {
  name: "Foot",
  data() {
    return {
	    year: new Date().getFullYear(),
      buttons: [
	      {name: "Gitee", url: "https://gitee.com/cai-bin00_admin/srppms"},
	      {name: "GitHub", url: "https://github.com/cai1129/srppms"},
	      {name: "GitCode", url: "https://gitcode.com/qq_47575615/srppms"},
	      {name: "博客", url: "https://blog.csdn.net/qq_47575615/article/details/129789937"},
	      {name: "QQ群", url: "https://tinyurl.com/283fb5fy"},
      ]
    };
  },
  methods: {
    ToUrl(url) {
      window.open(url)
    }
  }
};
</script>

<style>
.footer {
  line-height: 40px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  margin-top: 2px;
  color: #2b2f3a;
  background-image: linear-gradient(
    to right,
    #04af9212,
    #fb9b0c1b,
    #7603cd1d,
    #f83c5824,
    #478ee023
  );
  border-top: solid #ffd436 2px;
}
</style>
